/* 共同样式：头部和尾页 */
/* 去掉边框 */
*{margin: 0px;padding: 0px;box-sizing: border-box;}
/* 去掉超链接下划线 */
a{text-decoration: none;}
/* 去掉li的默认样式，不占像素 */
li{list-style: none;}
/* 图片和文字的对其方式在底部 */
img{vertical-align: bottom;}


/* 给页面主色调 */
body,html{
	background-color: #E6DEDB;
	/* 给个定位 */
	position: relative;
}

/* 首页整体布局样式 */
.main_layout{
	width: 1080px;
	/* 居中 */
	margin: 0 auto;
	/* 弹性布局 */
	display: flex;
	/* 垂直排列 */
	flex-direction: column;
	/* 居中子元素 */
	align-items: center;
}

/* 头部导航栏样式 */
.header{
	width: 1080px;
	/* 弹性布局 */
	/* display: flex; */
}

.header_row1{
	width: 100%;
	margin: 18px 7px 6px;
	/* 弹性布局 */
	display: flex;
	/* 元素垂直排列，从底部开始对齐 */
	align-items: flex-end;
	/* 左右对齐 */
	justify-content: space-between;
}

/* logo样式 */
.logo{
	width: 352px;
	height: 41.08px;
}

.logo img{
	width: 100%;
	height: 100%;
}

/* 导航栏 */
.navigation{
	/* ul弹性布局 */
	display: flex;
}

.navigation a{
	color: black;
}

.navigation .english{
	
	font-size: 14px;
	text-align: center;
}

.navigation .title{
	font-size: 14px;
	text-align: center;
}

.navigation_item{
	margin-left: 18px;
}

.showLine{
	width: 100%;
	border-bottom: 1px solid black;
}

.navigation_item .cart{
	width: 21px;
	height: 21px;
}

.navigation_item .down{
	width: 20px;
	height: 20px;
}




/* 自提模块样式 */
.self-pink{
	z-index: 3;
	width: 100%;
	height: 100%;
	/* 定位到body */
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgb(119,115,114,.2);
	/* 平时不显示 */
	display: none;
}

.sf-windows{
	width: 400px;
	border-radius: 18px;
	background-color: white;
	position: absolute;
	left: 40%;
	top: 300px;
}

.win_header{
	width: 100%;
	padding: 32px 16px 0;
}

.sf-windows .close{
	width: 24px;
	height: 24px;
	position: absolute;
	right: 8px;
	top: 8px;
}

.wincontent{
	padding: 6px 16px
}

.wincontent .qrcode{
	width: 280px;
	height: 280px;
	margin: 0 auto;
}

.qrcode img{
	width: 100%;
	height: 100%;
}

.pink_tip{
	margin: 30px 0 3px;
	text-align: center;
	font-size: 16px;
}

.pink_tip2{
	font-size: 12px;
	text-align: center;
	margin-bottom: 16px;
}

/* 登陆注册弹窗样式 */
.sign-up-in{
	z-index: 3;
	width: 100%;
	height: 100%;
	/* 定位到body */
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgb(119,115,114,.2);
	/* 平时不显示 */
	display: none;
}

.signWindows{
	width: 280px;
	height: 280px;
	border-radius: 18px;
	background-color: white;
	position: absolute;
	left: 42%;
	top: 300px;
}

.signWindows .close{
	width: 24px;
	height: 24px;
	position: absolute;
	right: 8px;
	top: 8px;
}

.sign-header{
	padding: 16px 16px 0;
	text-align: center;
}
/* 改个手势 */
.sign-header .sign-title{cursor: pointer;font-size: 16px;}
.sign-header .sign-tip{cursor: pointer;font-size: 14px;}

.signcode{
	margin: 0 auto;
	width: 130px;
	margin-top: 15px;
	border: solid black 1px;
}
.signcode img{
	width: 100%;
}
.signtips{
	font-size: 12px;
	text-align: center;
	margin: 10px 0;
}

/* 地点选择弹窗样式 */
.addressWin{
	z-index: 3;
	width: 100%;
	height: 100%;
	/* 定位到body */
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgb(119,115,114,.2);
	/* 平时不显示 */
	display: none;
}

.address-windows{
	width: 380px;
	height: 240px;
	border-radius: 18px;
	background-color: white;
	position: absolute;
	left: 40%;
	top: 300px;
}

.address-windows .close{
	width: 24px;
	height: 24px;
	position: absolute;
	right: 8px;
	top: 8px;
}

.address-header{
	text-align: center;
	margin: 14px 0;
	font-size: 18px;
	font-weight: bold;
}

.ad-select{
	text-align: center;
	margin: 50px 0;
}

.ad-select span{
	font-size: 18px;
}

.address-windows select{
	font-size: 18px;
	width: 200px;
	height: 50px;
}

.adsubmit{
	text-align: center;
}

#confirm{
	cursor: pointer;
	width: 80px;
	height: 30px;
	font-size: 18px;
}

/* 头部搜索栏样式 */
.herder_row2{
	width: 100%;
	display: flex;
	margin: 24px 0;
	justify-content: space-between;
}

.banner{
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	padding: 8px 0;
}
.banner span{
	font-weight: 400;
	font-size: 24px;
	flex: 1;
}

.banner .one{
	margin-right: 70px;
}

.nav-input{
	position: relative;
	display: flex;
	align-items: center;
}

.prefix{
	width: 27px;
	height: 40px;
	position: absolute;
	top: 5px;
	left: 11px;
	display: flex;
	align-items: center;
}

.prefix::after{
	content: '';
	position: absolute;
	right: -2px;
	height: 20px;
	width: 1px;
	background: black;
}

.nav-input .search-logo{
	width: 19px;
	height: 19px;
	
}

.nav-input input{
	padding:0 58px 0 50px;
	width: 293px;
	height: 40px;
	border-radius: 18px;
	background: rgba(255, 255, 255, .5);
}

.searchtext a{
	color: black;
}

.searchtext{
	position: absolute;
	right: 12px;
	top: 12px;
}


/* 内容样式 */
.main-content{
	width: 100%;
	height: 700px;
	text-align: center;
	border: solid 1px black;
}
/* 补全代码的时候删掉 */
.main-content h1{
	margin-top: 100px;
}



/* 尾部样式 */
.footer{
	width: 100%;
}

.more{
	font-size: 16px;
	text-align: center;
	margin-top: 12px;
	background-color: rgba(255, 255, 255, .3);
	border-radius: 18px;
	padding: 16px;
	/* 隐藏和显示 */
	display: block;
}
.more span{
	cursor: pointer;
}

.title2{
	margin-top: 12px;
}

.message{
	text-align: center;
	margin: 10px 0;
}
.message span{
	font-size: 12px;
}

/* 第二个more */
.more2{
	width: 100%;
	background-color: rgba(255, 255, 255, .3);
	border-radius: 18px;
	margin-top: 12px;
	display: flex;
	flex-direction: column;
	text-align: center;
	/* 一般隐藏起来 */
	display: none;
}

.moretitle{
	cursor: pointer;
	padding: 16px 0;
}
  
.moretable{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.navtable{
	width: 450px;
	background-color: #FAF8F8;
	border-radius: 15px;
	display: flex;
	justify-content: space-between;
	margin: 15px 8px;
	margin-right: 8px;
	padding: 15px 20px;
	cursor: pointer;
	/* 加过渡 */
	transition: 0.2s;
}

.warning{
	padding: 12px 0;
	font-size: 14px;
}

/* hover效果 */
.navtable:hover {
	background-color: #DBD5D4;
}